﻿/* -------------------------------------------------------------------------- */
/* Bootstrap 5.3.8 - Complete Dark Theme Override (Custom Purple Theme)       */
/* -------------------------------------------------------------------------- */

[data-bs-theme='dark'] {
    /* Core Variables Override */
    --bs-body-bg: #1a1a1a;
    --bs-body-color: #ffffff;
    --bs-secondary-bg: #2d2d2d;
    --bs-border-color: #404040;
    --bs-link-color: #9c92ff;
    --bs-link-hover-color: #b4acff;
    --bs-primary: #2d2d2d;
    --bs-primary-rgb: 99, 89, 233;
    --bs-secondary: #6c757d;
}

    /* -------------------------------------------------------------------------- */
    /* Background Utilities                                                       */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .bg-white,
    [data-bs-theme='dark'] .bg-primary-subtle {
        background-color: #2d2d2d !important;
        color: #fff !important;
    }

    [data-bs-theme='dark'] .bg-light,
    [data-bs-theme='dark'] .bg-body-secondary,
    [data-bs-theme='dark'] .bg-body-tertiary {
        background-color: #2d2d2d !important;
        color: #fff !important;
    }

    [data-bs-theme='dark'] .bg-body {
        background-color: #1a1a1a !important;
        color: white;
    }

    [data-bs-theme='dark'] .bg-secondary {
        background-color: #2d2d2d !important;
        color: #fff;
    }

    /* -------------------------------------------------------------------------- */
    /* Text Colors                                                               */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .text-dark {
        color: #ffffff !important;
    }

    [data-bs-theme='dark'] .text-muted,
    [data-bs-theme='dark'] .text-body-secondary {
        color: rgba(255, 255, 255, 0.6) !important;
    }

    [data-bs-theme='dark'] .text-body {
        color: #ffffff !important;
    }

    /* -------------------------------------------------------------------------- */
    /* Buttons                                                                    */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .btn-light {
        background-color: #2d2d2d;
        border-color: #2d2d2d;
        color: white;
    }

        [data-bs-theme='dark'] .btn-light:hover {
            background-color: #5247e6;
            border-color: #5247e6;
            color: white;
        }

    [data-bs-theme='dark'] .btn-outline-dark {
        border-color: #2d2d2d;
        color: #2d2d2d;
    }

        [data-bs-theme='dark'] .btn-outline-dark:hover {
            background-color: #2d2d2d;
            color: white;
        }

    /* Primary Button */
    [data-bs-theme='dark'] .btn-primary {
        background-color: #2d2d2d;
        border-color: #2d2d2d;
    }

        [data-bs-theme='dark'] .btn-primary:hover {
            background-color: #5247e6;
            border-color: #5247e6;
        }

    /* -------------------------------------------------------------------------- */
    /* Cards                                                                      */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .card {
        background-color: #2d2d2d;
        border-color: #363636;
    }

    [data-bs-theme='dark'] .card-header {
        background-color: #363636;
        border-bottom-color: #404040;
    }

    [data-bs-theme='dark'] .card-body {
        background-color: #2d2d2d;
        color: white;
    }

    /* -------------------------------------------------------------------------- */
    /* Forms                                                                      */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .form-control,
    [data-bs-theme='dark'] .form-select {
        background-color: #2d2d2d;
        border-color: #404040;
        color: white;
    }

        [data-bs-theme='dark'] .form-control:focus,
        [data-bs-theme='dark'] .form-select:focus {
            background-color: #363636;
            border-color: #2d2d2d;
            color: white;
            box-shadow: 0 0 0 0.25rem rgba(99, 89, 233, .25);
        }

    [data-bs-theme='dark'] .form-check-label {
        color: #fff;
    }

    /* -------------------------------------------------------------------------- */
    /* Tables                                                                     */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .table {
        --bs-table-bg: #2d2d2d;
        --bs-table-color: #ffffff;
        --bs-table-border-color: #404040;
    }

    [data-bs-theme='dark'] .table-striped > tbody > tr:nth-of-type(odd) {
        background-color: #262626 !important;
    }

    [data-bs-theme='dark'] .table-hover tbody tr:hover {
        background-color: #3b3b3b !important;
    }

    /* -------------------------------------------------------------------------- */
    /* Navbar                                                                     */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .navbar-light {
        background-color: #2d2d2d !important;
    }

        [data-bs-theme='dark'] .navbar-light .navbar-nav .nav-link {
            color: white !important;
        }

    [data-bs-theme='dark'] .navbar-dark {
        background-color: #2d2d2d !important;
    }

    /* -------------------------------------------------------------------------- */
    /* Alerts                                                                     */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .alert-light {
        background-color: #363636;
        border-color: #404040;
        color: white;
    }

    [data-bs-theme='dark'] .alert-dark {
        background-color: #2d2d2d;
        border-color: #5247e6;
        color: white;
    }

    /* -------------------------------------------------------------------------- */
    /* Dropdown                                                                   */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .dropdown-menu {
        background-color: #2d2d2d;
        border-color: #404040;
    }

    [data-bs-theme='dark'] .dropdown-item {
        color: #fff;
    }

        [data-bs-theme='dark'] .dropdown-item:hover {
            background-color: #2d2d2d;
            color: white;
        }

    /* -------------------------------------------------------------------------- */
    /* Pagination                                                                 */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .page-link {
        background-color: #2d2d2d;
        border-color: #404040;
        color: white;
    }

        [data-bs-theme='dark'] .page-link:hover {
            background-color: #2d2d2d;
            border-color: #2d2d2d;
            color: white;
        }

    [data-bs-theme='dark'] .page-item.active .page-link {
        background-color: #2d2d2d;
        border-color: #2d2d2d;
    }

    /* -------------------------------------------------------------------------- */
    /* List Groups                                                                */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .list-group-item {
        background-color: #2d2d2d;
        border-color: #404040;
        color: white;
    }

        [data-bs-theme='dark'] .list-group-item:hover {
            background-color: #363636;
        }

    /* -------------------------------------------------------------------------- */
    /* Modal                                                                      */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .modal-content {
        background-color: #2d2d2d;
        border-color: #404040;
    }

    /* -------------------------------------------------------------------------- */
    /* Shadows                                                                    */
    /* -------------------------------------------------------------------------- */

    [data-bs-theme='dark'] .shadow {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .3) !important;
    }

    [data-bs-theme='dark'] .shadow-sm {
        box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, .3) !important;
    }
